<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>请求推荐的列表</title>
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/friendRewardList.css">
</head>

<body>
  <div class="page-wrap">
    <div class="recommend-list-page-wrap page-padding">
      <ul class="subnav-items fixed recommend-subnav-items fx-row fx-row-center fx-col-center">
        <li class="subnav-item active fx-1 fs-16">
          <span class="subnav">待推荐</span>
        </li>
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">HR推荐</span>
        </li>
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">已结束</span>
        </li>
      </ul>
      <!-- tab内容部分 -->
      <section class="page-content-wrap">
        <div class="recommendTa-lists-content-wrap">
          <ul class="friend-recommond-items">
            <!-- 待推荐 -->
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="gray-btn fs-13 fx-1">拒绝推荐</span>
                  <span class="hightlight-btn fs-13 fx-1">同意推荐</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                  <a href="#" class="button fs-10">推荐TA</a>
                </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <!-- HR推荐 待查阅 -->
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-hightlight-btn fs-13 fx-1">已推荐，待HR查阅</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                    <a href="#" class="button fs-10">推荐TA</a>
                  </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <!-- HR推荐 发起面试邀请 -->
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-hightlight-btn fs-13 fx-1">HR已发起面试邀请</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                      <a href="#" class="button fs-10">推荐TA</a>
                    </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <!-- HR推荐 拒绝面试 -->
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-gray-btn fs-13 fx-1">HR已发起面试邀请</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                        <a href="#" class="button fs-10">推荐TA</a>
                      </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <!-- 已结束 -->
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-gray-btn fs-13 fx-1">已拒绝推荐</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                          <a href="#" class="button fs-10">推荐TA</a>
                        </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap recommend-end-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-gray-btn fs-13 fx-1">已有TA人推荐，请求自动关闭</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                            <a href="#" class="button fs-10">推荐TA</a>
                          </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap recommend-end-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>
            <li class="c-friend-recommond-item">
              <div class="recommendTA-head-btn-wrap">
                <div class="common-btn-style fx-row fx-row-center">
                  <span class="single-gray-btn fs-13 fx-1">72小时未处理，自动关闭</span>
                </div>
              </div>
              <!-- 被推荐人信息 -->
              <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                <!-- 头像 -->
                <div class="recommond-head-pic">
                  <img src="../../images/recommend-head.png" alt="">
                </div>
                <!-- 中间 -->
                <div class="recommond-basic-info fx-1 fx-col-space-between">
                  <p class="text name fs-16 overflow_1line">蒋依依</p>
                  <p class="text school fs-13 overflow_1line">清华大学</p>
                </div>
                <div class="recommond-basic-info fx-1 fx-col-space-around">
                  <p class="text student fs-12 overflow_1line ">在校生</p>
                  <p class="text job fs-12 overflow_1line">行政助理</p>
                </div>
                <!-- <div class="operation-wrap fx-col-top">
                              <a href="#" class="button fs-10">推荐TA</a>
                            </div> -->
              </div>
              <!-- 分割线 -->
              <div class="segment-line-wrap recommend-end-line-wrap  page-padding10 fx-row fx-row-center">
                <span class="circle"></span>
                <span class="line fx-auto"></span>
                <span class="text fs-14">推荐岗位</span>
                <span class="line fx-auto"></span>
                <span class="circle"></span>
              </div>
              <!-- 推荐岗位 -->
              <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                <!-- 左边工作信息 -->
                <div class="left-job-info-wrap fx-1">
                  <div class="fx-column fx-row-space-between">
                    <div class="left-top-info">
                      <div class="job-info fx-row">
                        <h6 class="company-name fs-14">宏联网络</h6>
                        <p class="job-name f4-14">行政文员实习生</p>
                        <p class="job-salary fs-14">3k-6k</p>
                      </div>
                    </div>
                    <div class="left-bottom-info overflow_1line fs-12">
                      上海 / 经验应届毕业生 / 本科
                    </div>
                  </div>
                </div>
                <!-- 右边悬赏信息 -->
                <div class="right-reward-info-wrap">
                  <div class="fx-column fx-row-space-between fx-row-center">
                    <img class="reward-img" src="../../images/reward.png" alt="">
                    <p class="sum-money fs-12">悬赏500元</p>
                  </div>
                </div>
              </div>
            </li>

          </ul>
        </div>
      </section>
    </div>
  </div>

  <div class="c-popups" >
    <!-- 弹窗背景 -->
    <div class="popups-bg" ></div>
    <!-- 弹窗 -->
    <!-- 确认拒绝弹窗 -->
    <div class="popups-wrap" >
      <!-- <h4 class="popups-title fs-17">完善资料</h4> -->
      <p class="content fs-12">确定拒绝TA的推荐吗？</p>
      <div class="btn-wrap fx-row fx-row-space-around">
        <a href="#" class="button cancel-btn fs-12">取消</a>
        <a href="#" class="button sure-btn fs-12">确定</a>
      </div>
    </div>
    <!-- 拒绝成功的提示 -->
    <div class="popups-tips-wrap" style="display: none">
      <p class="content fs-14">已成功拒绝推荐请求</p>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>